<HTML>
<HEAD>
  <TITLE>Attributes test</TITLE>
</HEAD>
<BODY bgColor="#ffffff" text="#000000">
<H1>Attributes test</H1>

<P>You should see the following in the console:</P>
<PRE>
attribute.getNamedItem == getAttributeNode: true
attribute BGCOLOR=#ffffff
changing attribute node value changes attribute value: true
return value of removeNamedItem is attribute node: true
removing attribute changes attribute count: true
changing disembodied attribute value works: true
removing attribute node removes attribute: true
</PRE>

<P>The text should turn green and then you should see
the following in the console:</P>
<PRE>
setting an existing attribute returns the old node: true
</PRE>

<SCRIPT>
a = document.body.attributes.getNamedItem("bgcolor")
a2 = document.body.getAttributeNode("bgcolor")
n = document.body.attributes.length;
dump("attribute.getNamedItem == getAttributeNode: " + (a == a2) + "\n");

dump("attribute " + a.name + "=" + a.value + "\n");

a.value = "#00ffff"
dump("changing attribute node value changes attribute value: " + (document.body.getAttribute("bgcolor") == "#00ffff") + "\n");

a = document.body.attributes.removeNamedItem("bgcolor")
dump("return value of removeNamedItem is attribute node: " + (a == a2) + "\n");

dump("removing attribute changes attribute count: " + (document.body.attributes.length == (n-1)) + "\n");

a.value = "#ff0000"
dump("changing disembodied attribute value works: " + (a.value == "#ff0000") + "\n");

dump("removing attribute node removes attribute: " + (document.body.getAttribute("bgcolor") == "") + "\n");

a = document.body.attributes.getNamedItem("TEXT");
a2 = document.createAttribute("text");
a2.value = "#00ff00";
a3 = document.body.attributes.setNamedItem(a2);
dump("setting an existing attribute returns the old node: " + (a == a3) + "\n");
</SCRIPT>

</BODY>
</HTML>

